<template>
    <div>
        <button @click="changeNum">{{number}}</button>
    </div>
</template>
<script>
import { ref, onMounted, onUpdated, onUnmounted } from 'vue';
export default {
    setup() {
        const number = ref("10");

        const changeNum = () => number.value++;

        onMounted(() => {
            console.log('onMounted')
        });

        onUpdated(() => {
            console.log('onUpdated')
        });

        onUnmounted(() => {
            console.log('onUnmounted')
        })

        return {
            number,
            changeNum
        }
    }
}
</script>
<style>
</style>
